<template>
  <div class="left-container">
    <h3>Left 组件</h3>
    <hr>
    <!-- 使用 v-bind 将字符串改成数值-->
    <MyCount :init="9"></MyCount>
  </div>
</template>

<script>
export default {}
</script>

<!--scoped 给组件(HTML)的DOM节点加一个不重复data属性(形如：data-v-2311c06a)来表示他的唯一性-->
<style lang="less" scoped>
.left-container {
  padding: 0 20px 20px;
  background-color: orange;
  min-height: 250px;
  flex: 1;
}
h3{
  color: aqua;
}
// 想在 Left 组件去控制 Count 中的 h4 元素
// 当使用第三方组件库的时候,如果有修改第三方组件默认样式的需求,需要用到 /deep/
/deep/ h4{
  color: chartreuse;
}
</style>
